<!DOCTYPE html>
<<<<<<< HEAD
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>{% block title %} {% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="/static/css/bootstrap.min.css" type="text/css"/>
    <!-- Le styles -->
    <style>
      html {
          height: 100%;
      }
      body {
        height: 100%;
        margin: 0 auto -60px;
      }
      #main{
         min-height: 100%;
         height: auto !important;
         height: 100%;
         margin: 0 auto -60px;
      }
      #main > .container {
        padding-top: 60px;
      }
      #footer {
        height: 60px;
        background-color: #f5f5f5;
        text-align: center;
      }
      .container .credit {
        margin: 20px 0;
       }
    ::-moz-selection { color:#fff; background-color:#FF6633;}
    ::-webkit-selection { color:#fff; background-color:#FF6633;}
    ::selection { color:#fff; background-color:#FF6633;}
    </style>
    <link href="//cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="//cdnjs.bootcss.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
    <![endif]-->
    {% block stylesheet %}{% endblock %}
    {% block javascript %}{% endblock %}
    <!-- Fav and touch icons -->
  </head>

  <body>
    <div class="container" id="main">
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">Project name</a>
          <div class="nav-collapse collapse">
             {% set navigation_bar = [
                    ('/', 'index', 'Upchat'),
                     ('/sites', 'sites', '网站监控'),
                    ('/server', 'server', '服务器监控'),
                    ('/report', 'report', '报告中心')
                ] -%}
            
                {% set active_page = active_page|default('index') -%}
                
                <ul class="nav">
                    {% for href, id, caption in navigation_bar %}
                        <li{% if id == active_page %} class="active"{% endif %}>
                            <a href="{{ href|e }}">{{ caption|e }}</a>
                        </li>
                    {% endfor %}
                </ul>
          </div><!--/.nav-collapse -->
          <div class="nav-collapse collapse pull-right">
                <ul class="nav">
                    {% if current_user %}
                        <li><a href="/setting">{{ current_user.username }}</a></li>
                        <li><a href="/logout">退出</a></li>
                    {% else %}
                        <li><a href="/login">登录</a></li>
                        <li><a href="/signup">注册</a></li>
                    {% endif %}
                </ul>
            </div>
        </div>
      </div>
    </div>

    <div class="container">
         {% block body %}{% endblock %}
    </div> <!-- /container -->
    </div>
    {% include "snippet/footer.html" %}
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="//cdnjs.bootcss.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="//cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

=======
<html lang="zh-CN"  ng-app="microapp">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
	<!-- 夜空中最亮的星 -->
    <title>{% block title %} {% endblock %}</title>

    <!-- Bootstrap core CSS -->
    <link href="/static/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/dist/css/bootstrap-theme.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="/static/css/style.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    <!-- <script src="/static/lib/angular/angular.min.js"></script> -->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
    <script src="/static/js/app.js"></script>
    {% block stylesheet %}{% endblock %}
    {% block javascript %}{% endblock %}
  </head>

  <body>
    <header>
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/">Project name</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="/">Home</a></li>
            <li><a href="/about">About</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>
          
          <!-- 右侧的导航条目 -->
          <ul class="nav navbar-nav navbar-right">
             {% if current_user %}
                 <li class="dropdown">
                 	<a data-toggle="dropdown" href="#" data-toggle="tooltip" title="设置和帮助">欢迎 {{ current_user.nickname }}<b class="caret"></b></a>
                 	<ul class="dropdown-menu" role="menu">
                 		<li role="presentation" data-name="profile">
                 			<a role="menuitem" class="account-summary" href="/people/{{ current_user.uuid.get('$uuid') }}">
                 				<div class="content">
	                 				<img class="avatar size32 img-circle" src="{{ current_user.profile.avatar }}" alt="">
                 					<div class="account-group">
	                 					<b class="nickname">{{ current_user.nickname }}</b>
	                 					<small class="metadata">编辑个人资料</small>
                 					</div>
                 				 </div>	
                 			</a>
                 		</li>
                 		<li role="presentation" class="divider" role="presentation"></li>
                 		<li role="presentation"><a role="menuitem" href="/setting">帮助</a></li>
                 		<li role="presentation"><a role="menuitem" href="/setting">设置</a></li>
                 		<li role="presentation" class="divider" role="presentation"></li>
                 		<li role="presentation"><a role="menuitem" href="/logout">退出</a></li>
                 	</ul>
                 </li>
             {% else %}
                 <li><a href="/login">登录</a></li>
             {% endif %}
                
          </ul>
          
        </div><!--/.nav-collapse -->
      </div>
    </div>
    </header>
    
    <div class="container" style="min-height: 100%;">
        {% block body %}{% endblock %}
    </div><!-- /.container -->
    
    {% include "snippet/footer.html" %}
    <script src="/static/dist/js/bootstrap.min.js"></script>
>>>>>>> refs/heads/dev
  </body>
</html>
